<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/common/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>吃瓜讲堂APP</title>

<link rel="stylesheet" type="text/css" href="${ctx}/static/admin/shareApp/css/audio.css">
<link rel="stylesheet" type="text/css" href="${ctx}/static/admin/shareApp/css/download.css">
<script src="http://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
	<div class='jAudio--player'>

		<audio></audio>

		<div class='jAudio--ui'>

			<div class='jAudio--thumb'></div>

			<div class='jAudio--status-bar'>

				<!-- <div class='jAudio--details'></div> -->
				<div class='jAudio--volume-bar'></div>

				<div class='jAudio--progress-bar'>
					<div class='jAudio--progress-bar-wrapper'>
						<div class='jAudio--progress-bar-played'>
							<span class='jAudio--progress-bar-pointer'></span>
						</div>
					</div>
				</div>

				<div class='jAudio--time'>
					<span class='jAudio--time-elapsed'>00:00</span> <span
						class='jAudio--time-total'>00:00</span>
				</div>

			</div>

		</div>


		<div class='jAudio--playlist'></div>

		<div class='jAudio--controls'>
			<ul>
				<li><button class='btn' data-action='prev' id='btn-prev'>
						<span></span>
					</button></li>
				<li><button class='btn' data-action='play' id='btn-play'>
						<span></span>
					</button></li>
				<li><button class='btn' data-action='next' id='btn-next'>
						<span></span>
					</button></li>
			</ul>
		</div>

	</div>

	<script type="text/javascript">
		$(function() {
			$('.suspension').css('z-index', '66');
		})
	</script>

	<div style="width: 100%; height: 57.5px"></div>
	<div class="suspension" style="z-index: 66;">
		<img src="${ctx}/static/wechat/images/chigua-logo.png">
		<div class="watchman">
			<p>
				吃瓜讲堂<span>APP</span>
			</p>
			<p>做一个有思想的吃瓜群众</p>
		</div>
		<a id="inp" class="down-button"
			href="${ctx}/static/admin/shareApp/app_share.html">立即下载</a>
	</div>

	<script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
	<script src='${ctx}/static/admin/shareApp/js/jaudio.js'></script>
	<script>
		var t = {
			playlist : [ {
				file : "${resultAudio.fileUrl}",
				thumb : "${resultAudio.coverUrl}",
				trackName : "咖讲堂",
				trackArtist : "${resultAudio.body}",
				trackAlbum : "Single",
			}, ],
			autoPlay : false
		}

		$(".jAudio--player").jAudio(t);
	</script>

</body>
</html>